﻿body {
}
/**** Begin Load Tin Theo Loại ****/
.clsTheoLoaiCenter .clsTinTheoLoai{ width: auto;}
.clsTheoLoaiCenter .clsTinTheoLoai .clssitemap{text-transform:none;color: #fff; font-weight:bold; height: 20px; background :url(bg_title.gif) no-repeat 0px 0px; padding-left: 20px; color:#fff; border-bottom: 1px solid #0b8cab; }
.clsTheoLoaiCenter .clsTinTheoLoai .clssitemap .clssitemap-loaitin{ float:left; color: #fff; padding-left:5px; text-transform: uppercase;padding-top: 3px; padding-bottom: 3px; }
.clsTheoLoaiCenter .clsTinTheoLoai .clssitemap .clssitemap-loaitin a{ color: #0a8baa;}
.clsTheoLoaiCenter .clsTinTheoLoai .clssitemap .clssitemap-muiten{ float:left; font-weight:bold; padding-right:5px; padding-left:5px;}
.clsTheoLoaiCenter .clsTinTheoLoai .clssitemap .clssitemap-chudetin{ color:Black; padding-left:5px;}
.clsTheoLoaiCenter .clsTinTheoLoai .clssitemap .clssitemap-chudetin a{ color:Black;}
.clsTheoLoaiCenter .clsTinTheoLoai .clssitemap .clssitemapLeft{width: 6px; height: 20px;position: absolute;top: 0px; left: -1px;background: url(../../Images/bgconner_Left.gif) no-repeat top left;}
.clsTheoLoaiCenter .clsTinTheoLoai .clssitemap .clssitemapRight{width: 6px; height: 20px;position: absolute;top: 0px; right: -1px;background: url(../../Images/bgconner_Right.gif) no-repeat top right;}

.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub { width: 550px; margin: 0px 0px 0px 7px; float:left; }
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin{ margin: 7px 0px 0px 0px; padding: 0px;  float:left; width: 550px; border-bottom: 1px solid #cbcbcb;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-image{ float:left; height:114px; width: 150px; background: url(bg_product.gif) no-repeat; padding-left: 6px; padding-top: 4px; margin-right: 10px; text-align: center; }
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-image img{ max-width: 150px; height: 110px; border: 0px;}
/*.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-image img:hover {border: 1px solid #fff;}*/
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-content{ width: 380px; padding: 0px; float: left; }
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-content .clscontent-title{color:#d42e00; font-size: 15px;  font-weight: bold; }
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-content .clscontent-title a{text-decoration: none; text-transform:uppercase; font-size: 15px; color:#d42e00;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-content .clscontent-title a:hover { text-decoration: underline;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-content .clscontent-ngaytao{padding:5px 0px; color:#686767;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-content .clscontent-tomtat{color:#686767;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-content a.xemchitiet {background:url(slideShow_bull_xemchitiet.png) no-repeat 0px 2px; text-transform:uppercase; color: #FFFFFF; font-weight:bold; text-decoration: none; display:block; padding-left: 5px; margin-top: 10px; float: right; margin-right: 5px;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-content a.xemchitiet:hover {text-decoration: underline;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-xemchitiet{float:right; width: 101px;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstintheoloai-tin .clstintheoloai-xemchitiet a{width: 101px; background-image:url(bg_xemchitite.gif); color:#FFFFFF; text-align:center; display: block; height: 20px; text-decoration: none; padding-top: 4px;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstinlienquan-title{color: #0a8baa ; display:block; padding-bottom:5px; padding-left: 10px;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstinlienquan-title a{color:#0a8baa; background-image:url(Iconx.gif); background-repeat:no-repeat;background-position:0px 5px; padding-left:10px;}
.clsTheoLoaiCenter .clsTinTheoLoai .clstintheoloaiSub .clstinlienquan-title a:hover{color:#ff7900; background-image:url(IconC.gif); background-repeat:no-repeat;background-position:0px 5px; padding-left:10px;}
.clsTheoLoaiCenter .clsTinTheoLoai .clsphantrangtin{text-align:right; color:#686767; float: left; width: auto;}
.clsTheoLoaiCenter .clsTinTheoLoai .clsphantrangtin a{ text-decoration: none; color:#686767;}
.clsTheoLoaiCenter .clsTinTheoLoai .clsphantrangtin a:hover { text-decoration: underline; color:#686767;}
/**** End Load Tin Theo Loại ****/

/**** Begin Trang Liên Hệ ****/
.form_gopy{ width: auto; margin: 0px; padding: 0px; color: #686767; float: left;}
.form_gopy .thongtin{ width: auto; font-weight: bold;}
.form_gopy .yeucau{ float: right; color: #ff6400; display: block; text-align: right; margin-bottom: 10px;} 
.form_gopy .trangthai{ width: auto; display: block;}
.form_gopy .form{ width:auto; clear: both; }
.form_gopy .form input{color: #686767;}
.form_gopy .form .colleft{ width: 100px; margin-bottom: 5px; float: left; font-weight: bold;color: #00899f;}
.form_gopy .form .colright{ width: auto; float: left; width: 380px; margin-bottom: 5px;}
.lienhe_gopy{ width: auto; margin-top: 10px; display: block; padding-top: 5px; padding-bottom: 3px; color: #00899f; padding-left: 10px; text-transform: uppercase; font-size:12px; font-weight: bold; clear: both; background: url(bg_1.gif) repeat-x bottom left;}
.form_lienhe{ width: auto; margin: 10px 10px 0px 10px;} 
.form_lienhe .form_lienhe_title{ border-bottom: 1px solid #2b2b2b; color: #fff; text-transform: uppercase; width: 100%; padding-bottom: 3px; } 
.form_lienhe .form_lienhe_infodetail{ color: #8d8d8d; margin: 10px 0px 20px 0px; }
.form_lienhe .form_lienhe_infodetail img{ width: 250px; height: 100px; border: 4px solid #3f3e3e;} 
.form_lienhe .form_lienhe_infodetail img:hover{border: 4px solid #6d104f;} 
.form_lienhe .form_lienhe_infodetail a{ color: #686767; text-decoration: underline; cursor: pointer;}
.form_lienhe .form_lienhe_infodetail a:hover { color: #686767; text-decoration: none;}
/**** End Trang Liên Hệ ****/

/**** Begin Trang Sản Phẩm ****/
ul.listProduct{ width: 580px; margin: 0px; padding: 0px;}
ul.listProduct li{ list-style:none; width: 185px; height: 186px; margin: 0px 4px 8px 4px; padding: 0px; background:url(bg_Product.png) no-repeat top left; float:left;}
ul.listProduct li img{ width: 170px; height:135px; border: 1px solid #b4c6d2; margin-left: 6px; margin-top: 6px; margin-bottom:5px; background-color:#FFFFFF; display: block;}
ul.listProduct li a.title{ text-decoration:none; text-transform:uppercase; color:#156d8f; margin-left: 8px; clear:both;}
ul.listProduct li a.title:hover{ text-decoration:underline;}
/**** End Trang Sản Phẩm ****/

/*********** Collection page *****************/
.clsphantrangtin { font-size: 12px; margin: 3px 0; background-color: #fff; float: right; position: relative;} 
.clsphantrangtin div { width: auto; }
.clsphantrangtin div b{color: #0066cc; border: 1px solid #cccccc ; padding: 2px 5px;margin-right: 5px; float: left;  }
.clsphantrangtin div a{background-color: #f2f2f2; border: 1px solid #cccccc ; padding: 2px 5px;color: #9c9b9b; margin-right: 5px; display: block; float: left; }   

.new_more_loaitin { width: auto; float: left; clear: both; width: 950px;  border-bottom: 1px solid #efefef; margin-bottom: 5px; padding-bottom: 3px; }
.new_more_loaitin a.link {text-decoration: none; color:#000; background: url(bull_menu_header.png) no-repeat 0px 1px; padding-left: 15px; padding-bottom: 3px; clear: both;  display: block; float: left; font-size: 12px; }
.new_more_loaitin a.link:hover{ text-decoration: underline; color:Red;}

a.trangthai{ text-decoration:none; color: #000;} 
a.trangthai:hover{ text-decoration: underline;}

ul.hinhanh{ margin: 0px; padding: 0px 0px 10px 0px; width: 930px; float: left; position: relative; height: 580px; }
ul.hinhanh li{ list-style: none; margin: 10px 0px 0px 10px; padding: 0px; float:left; position: relative; }
ul.hinhanh li .title{ background:url(bg_title_hinhanh.png) no-repeat top left; color:#562559; float: left; width: 960px; height: 58px;  }
ul.hinhanh li .title a{ text-decoration:none; color:#562559; text-transform:uppercase; float: left; width: 300px; padding: 25px 0px 0px 20px; font-size: 12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
ul.hinhanh li .title .tildetail{text-decoration:none; color:#562559; text-transform:uppercase; float: left; padding: 25px 0px 0px 20px; font-size: 12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }
ul.hinhanh li .title a:hover{ text-decoration:underline;}
ul.hinhanh li .title .clsvoterating{ float:right; margin: 0px; padding: 22px 0px 0px 0px; width: 145px; margin-right: 25px; }
ul.hinhanh li .info{ margin: 0px 0px 0px 0px;  background:#fff url(bg_content_dichvu.png) repeat-x bottom left; width: 905px; padding: 5px 13px 10px 12px; float: left; } 
